<template>
    <fieldset>
        <legend>兄弟组件</legend>
        <h1>这是child的兄弟组件</h1>
        <button @click="sendbro">点击兄弟之间传参</button>
    </fieldset>
</template>

<script>
export default {
    data(){
        return {
            msg:'兄弟传参'

        }
    },
    methods:{
        sendbro(){
            this.$bus.$emit("getbro",this.msg)
        }
    }
}

</script>

<style scoped>
h1 {
    color:hotpink
}
/* scoped的意思就是当前模块使用这个样式 
    不加的话 全局的h1都会被修改
 */
</style>